﻿<!DOCTYPE html>
<html>
  <head>
    <title>闹钟响起时</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/闹钟响起时/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/闹钟响起时/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u459" class="ax_default box_1">
        <div id="u459_div" class=""></div>
        <div id="u459_text" class="text ">
          <p><span>当用户点击“稍后提醒”后，进入此页面，出现当前时间和下一次闹钟响起的倒计时（稍后提醒的时长可以在“更多页”中设置）；</span></p><p><span><br></span></p><p><span>倒计时结束后，回到“闹钟响起页面”；</span></p><p><span><br></span></p><p><span>用户可在倒计时过程中选择点击关闭闹钟。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u460" class="ax_default _一级标题">
        <div id="u460_div" class=""></div>
        <div id="u460_text" class="text ">
          <p><span>起床闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u461" class="ax_default _图片_">
        <img id="u461_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u461_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u462" class="ax_default _一级标题">
        <div id="u462_div" class=""></div>
        <div id="u462_text" class="text ">
          <p><span>07:07</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u463" class="ax_default box_1">
        <div id="u463_div" class=""></div>
        <div id="u463_text" class="text ">
          <p><span>稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u464" class="ax_default box_1">
        <div id="u464_div" class=""></div>
        <div id="u464_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u465" class="ax_default _一级标题">
        <div id="u465_div" class=""></div>
        <div id="u465_text" class="text ">
          <p><span>闹钟响起时</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u466" class="ax_default _图片_">
        <img id="u466_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u466_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u467" class="ax_default icon">
        <img id="u467_img" class="img " src="images/闹钟响起时/u467.svg"/>
        <div id="u467_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u468" class="ax_default _一级标题">
        <div id="u468_div" class=""></div>
        <div id="u468_text" class="text ">
          <p><span>闹钟响起后点击关闭后</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u469" class="ax_default _一级标题">
        <div id="u469_div" class=""></div>
        <div id="u469_text" class="text ">
          <p><span>难度：简单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u470" class="ax_default box_1">
        <div id="u470_div" class=""></div>
        <div id="u470_text" class="text ">
          <p><span>当难度为“简单”，闹钟响起时，屏幕亮起并显示当前时间，用户可以直接选择“稍后提醒”或“关闭”闹钟。</span></p><p><span><br></span></p><p><span>若用户按下稍后提醒则跳转“稍后提醒”页面；当用户按下音量键或电源键时，默认为闹钟变为稍后提醒状态，可以在“更多页”中设置除点击“稍后提醒”按钮外进入稍后提醒模式的方式。</span></p><p><span><br></span></p><p><span>若用户按下“关闭”按钮时，则跳转“关闭后”页面。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u471" class="ax_default _图片_">
        <img id="u471_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u471_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u472" class="ax_default _一级标题">
        <div id="u472_div" class=""></div>
        <div id="u472_text" class="text ">
          <p><span>07:08</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u473" class="ax_default box_1">
        <div id="u473_div" class=""></div>
        <div id="u473_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u474" class="ax_default _一级标题">
        <div id="u474_div" class=""></div>
        <div id="u474_text" class="text ">
          <p><span>闹钟响起后并转至“稍后提醒”状态时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u475" class="ax_default _一级标题">
        <div id="u475_div" class=""></div>
        <div id="u475_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">闹钟将在</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;"> </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">4</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;"> </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">分 47 秒 后响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u476" class="ax_default box_1">
        <div id="u476_div" class=""></div>
        <div id="u476_text" class="text ">
          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">晴朗</span></p><p><span style="font-family:'ArialMT', 'Arial';">21~28°C</span></p><p><span style="font-family:'ArialMT', 'Arial';">T</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">恤</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">注意防晒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u477" class="ax_default box_1">
        <div id="u477_div" class=""></div>
        <div id="u477_text" class="text ">
          <p><span style="font-family:'ArialMT', 'Arial';"><br></span></p><p><span style="font-family:'ArialMT', 'Arial';">08</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">：</span><span style="font-family:'ArialMT', 'Arial';">00&nbsp; &nbsp; </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">去接小李</span></p><p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">&nbsp;&nbsp; 15：00 去办公室开会</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u478" class="ax_default _一级标题">
        <div id="u478_div" class=""></div>
        <div id="u478_text" class="text ">
          <p><span>日程/备注</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u479" class="ax_default box_1">
        <div id="u479_div" class=""></div>
        <div id="u479_text" class="text ">
          <p><span>当用户点击“关闭”后，进入此页面，出现天气信息、穿衣建议、防晒建议，以及显示 日程/备注 卡片</span></p><p><span>（可以在“更多页”中设置是否显示“日程/备注”信息卡片）；</span></p><p><span><br></span></p><p><span>用户点击关闭，则完成睡眠闹钟。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u480" class="ax_default box_1">
        <div id="u480_div" class=""></div>
        <div id="u480_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u481" class="ax_default _图片_">
        <img id="u481_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u481_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u482" class="ax_default _一级标题">
        <div id="u482_div" class=""></div>
        <div id="u482_text" class="text ">
          <p><span>07:07</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u483" class="ax_default _一级标题">
        <div id="u483_div" class=""></div>
        <div id="u483_text" class="text ">
          <p><span>闹钟响起时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u484" class="ax_default _一级标题">
        <div id="u484_div" class=""></div>
        <div id="u484_text" class="text ">
          <p><span>难度：一般</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u485" class="ax_default box_1">
        <div id="u485_div" class=""></div>
        <div id="u485_text" class="text ">
          <p><span>当难度为“一般”，闹钟响起时，屏幕亮起并显示当前时间，并随机出现一道数学算术题，需要在点击键盘弹起后输入正确答案才能进入下一个界面。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u486" class="ax_default _一级标题">
        <div id="u486_div" class=""></div>
        <div id="u486_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">6</span><span style="font-family:'Monaco';font-weight:400;">x7+24=?</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u487" class="ax_default icon">
        <img id="u487_img" class="img " src="images/闹钟响起时/u487.svg"/>
        <div id="u487_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u488" class="ax_default _图片_">
        <img id="u488_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u488_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u489" class="ax_default _一级标题">
        <div id="u489_div" class=""></div>
        <div id="u489_text" class="text ">
          <p><span>07:07</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u490" class="ax_default box_1">
        <div id="u490_div" class=""></div>
        <div id="u490_text" class="text ">
          <p><span>稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u491" class="ax_default box_1">
        <div id="u491_div" class=""></div>
        <div id="u491_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u492" class="ax_default _一级标题">
        <div id="u492_div" class=""></div>
        <div id="u492_text" class="text ">
          <p><span>输入正确答案后</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u493" class="ax_default box_1">
        <div id="u493_div" class=""></div>
        <div id="u493_text" class="text ">
          <p><span>当难度为“一般”，闹钟响起并输入正确后进入此页面、</span></p><p><span>用户可选择“稍后提醒”或“关闭”闹钟。</span></p><p><span>若用户点击稍后提醒则进入稍后提醒页面；</span></p><p><span>若用户点击关闭则关闭闹钟。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u494" class="ax_default _图片_">
        <img id="u494_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u494_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u495" class="ax_default _一级标题">
        <div id="u495_div" class=""></div>
        <div id="u495_text" class="text ">
          <p><span>07:08</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u496" class="ax_default box_1">
        <div id="u496_div" class=""></div>
        <div id="u496_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u497" class="ax_default _一级标题">
        <div id="u497_div" class=""></div>
        <div id="u497_text" class="text ">
          <p><span>转至“稍后提醒”状态时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u498" class="ax_default _一级标题">
        <div id="u498_div" class=""></div>
        <div id="u498_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">闹钟将在</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;"> </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">4</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;"> </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">分 47 秒 后响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u499" class="ax_default box_1">
        <div id="u499_div" class=""></div>
        <div id="u499_text" class="text ">
          <p><span>当用户点击“稍后提醒”后，进入此页面，出现当前时间和下一次闹钟响起的倒计时（稍后提醒的时长可以在“更多页”中设置）；</span></p><p><span><br></span></p><p><span>倒计时结束后，回到“闹钟响起页面”；</span></p><p><span><br></span></p><p><span>用户可在倒计时过程中选择点击关闭闹钟。</span></p><p><span><br></span></p><p><span>点击“关闭”按钮则进入“关闭页面”</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u500" class="ax_default _图片_">
        <img id="u500_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u500_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u501" class="ax_default _一级标题">
        <div id="u501_div" class=""></div>
        <div id="u501_text" class="text ">
          <p><span>其它闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u502" class="ax_default _一级标题">
        <div id="u502_div" class=""></div>
        <div id="u502_text" class="text ">
          <p><span>07:07</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u503" class="ax_default box_1">
        <div id="u503_div" class=""></div>
        <div id="u503_text" class="text ">
          <p><span>稍后提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u504" class="ax_default box_1">
        <div id="u504_div" class=""></div>
        <div id="u504_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u505" class="ax_default box_1">
        <div id="u505_div" class=""></div>
        <div id="u505_text" class="text ">
          <p><span><br></span></p><p><span>背单词</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u506" class="ax_default _一级标题">
        <div id="u506_div" class=""></div>
        <div id="u506_text" class="text ">
          <p><span>备注</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u507" class="ax_default box_1">
        <div id="u507_div" class=""></div>
        <div id="u507_text" class="text ">
          <p><span>当用户点击“稍后提醒”后，进入此页面，出现当前时间和下一次闹钟响起的倒计时（稍后提醒的时长可以在“更多页”中设置）；</span></p><p><span><br></span></p><p><span>倒计时结束后，回到“闹钟响起页面”；</span></p><p><span><br></span></p><p><span>用户可在倒计时过程中选择点击关闭闹钟。</span></p><p><span><br></span></p><p><span>点击“关闭”按钮则关闭闹钟。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u508" class="ax_default box_1">
        <div id="u508_div" class=""></div>
        <div id="u508_text" class="text ">
          <p><span>闹钟响起时，页面显示时间以及此闹钟的备注信息。</span></p><p><span><br></span></p><p><span>用户可选择“稍后提醒”或“关闭”闹钟。</span></p><p><span><br></span></p><p><span>若用户点击稍后提醒则进入稍后提醒页面；</span></p><p><span><br></span></p><p><span>若用户点击关闭则关闭闹钟。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u509" class="ax_default _图片_">
        <img id="u509_img" class="img " src="images/睡眠页/u72.png"/>
        <div id="u509_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u510" class="ax_default _一级标题">
        <div id="u510_div" class=""></div>
        <div id="u510_text" class="text ">
          <p><span>07:08</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u511" class="ax_default box_1">
        <div id="u511_div" class=""></div>
        <div id="u511_text" class="text ">
          <p><span>关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u512" class="ax_default _一级标题">
        <div id="u512_div" class=""></div>
        <div id="u512_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">闹钟将在</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;"> </span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">4</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;"> </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">分 47 秒 后响起</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u513" class="ax_default arrow">
        <img id="u513_img" class="img " src="images/闹钟响起时/u513.svg"/>
        <div id="u513_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u514" class="ax_default arrow">
        <img id="u514_img" class="img " src="images/闹钟响起时/u514.svg"/>
        <div id="u514_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u515" class="ax_default arrow">
        <img id="u515_img" class="img " src="images/闹钟响起时/u514.svg"/>
        <div id="u515_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u516" class="ax_default arrow">
        <img id="u516_img" class="img " src="images/闹钟响起时/u516.svg"/>
        <div id="u516_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u517" class="ax_default arrow">
        <img id="u517_img" class="img " src="images/闹钟响起时/u517.svg"/>
        <div id="u517_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u518" class="ax_default arrow">
        <img id="u518_img" class="img " src="images/闹钟响起时/u518.svg"/>
        <div id="u518_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
